<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../css/help.css"/>
</head>

<body class="gray">
	<div class="mui-content loading" id="vueMain">
		<template v-for="item in list">
		    <div class="title">{{item.name}}</div>
		    <template v-for="ita in item.article">
			    <ul class="mui-table-view">
		            <li class="mui-table-view-cell link" _id="helpDetail" _href="helpDetail.html" _title="问题详情" :_extras="'wid='+ita.id">·{{ita.title}}</li>
		        </ul>
	        </template>
        </template>
	</div>
<script src="../js/mui.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/bexta.js"></script>
<script type="text/javascript">
	var apps, views, merchant;
	mui.init()
	mui.plusReady(function () {
	   views = bexta.getWebview();
	   merchant = bexta.getStorage(MERCHANT);
	   bexta.ajax(api.help, function(res){
	   		initVue(res);
	   }, {data:{uid:merchant.uid}});
	});
	function initVue(res){
		apps = new Vue({
			el:"#vueMain",
			data:{
				list:res
			},
			mounted:function(){
				document.querySelector('.loading').classList.add('loadRun');
			}
		});
	}
</script>
</body>
</html>